.schoolSelectContent
    box-sizing: border-box
    padding-top: 20rpx
    background-color: #f5f5f5
    height: 100vh
    .content
        padding: 20rpx
        box-sizing: border-box
        .scrollContent
            height: calc(100vh - 60rpx  - 70rpx - 80rpx - 30rpx - var(--status-bar-height))
            overflow:auto 
        .queryBox
            display: flex
            background-color: #fff
            border-radius: 15rpx
            height: 80rpx
            .queryInput
                width: 80%
                display: flex
                align-items: center
                padding-left: 20rpx
                padding-right: 10rpx
                box-sizing: border-box 
                .uni-input
                    width: 100%
                    height: 100%
                    font-size: 28rpx
            .queryBtn
                width: 20%
                display flex
                align-items: center
                justify-content: center
                transition: all 0.3s
                border-top-right-radius: 15rpx
                border-bottom-right-radius: 15rpx
                &:active
                    background-color: #f5f5f5;
    .selectContent
        display: flex
        flex-direction: column
        &.queryResultContent
            margin-top: 20rpx
        .emptySchoolBox
            display: flex
            height: 200rpx
            align-items: center
            justify-content: center
            font-size: 26rpx
            color: #6e6e6e
            .contactBtn
                background: none
                border: none
                padding: 0 
                margin: 0
                font-size: 26rpx
                color: #f37000
                line-height: normal
                margin-left:6rpx 
                font-weight: bold
                &:after
                    border: none
                    width: 0
                    height: 0
        .liItem
            display: flex
            align-items: center
            height: 100rpx
            background-color: #fff
            border-radius: 15rpx
            padding: 0 15rpx
            box-sizing: border-box
            margin-bottom: 15rpx
            transition: all 0.3s
            &.disabled
                filter: grayscale(100%);
                background-color: #cecbcb !important;
            &:active
                background-color: #fafafa
            .infoBox
                display: flex
                align-items: center
                height: 100%
                flex: 0.9
                .schoolIcon
                    width: 60rpx
                    height: 60rpx
                .schoolName
                    font-weight: bold
                    font-size: 26rpx
                    margin-left: 15rpx
                    color: #4d4d4d
            .rightBoxInfo
                flex: 0.1
                display: flex
                height: 100%
                align-items: center
                justify-content: flex-end
    .bigLeftTitle
        display: flex
        font-size: 30rpx
        font-weight: bold
        margin 20rpx 0 
    .cityBox
        margin: 20rpx 0
        .barBox
            .item
                width: 140rpx
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                text-align: center
                font-size: 26rpx
                color: #999
                &.active
                    color: #000
                    font-weight: bold
                